<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<f:metadata>
	<f:event listener="#{depositAccountTransferFundsManageBean.onLoad}"
		type="preRenderView"></f:event>
</f:metadata>
<h:body>
	<ui:param name="root" value="#{request.contextPath}" />
	<ui:composition template="/Group2/masterPage.xhtml">
		<ui:define name="content">
			<!-- start content -->
			<div id="content">

				<!--  start page-heading -->
				<div id="page-heading">
					<h1 style="margin-left: 490px">
						Transfer Money From Account
						<h:outputText
							value="#{depositAccountTransferFundsManageBean.senderAccount.accountNumber}" />
					</h1>
				</div>
				<!-- end page-heading -->

				<!--  start top-search -->
				<div id="top-search">
					<h:form>
						<table border="0" cellpadding="0" cellspacing="0">
							<tr>
								<td style="padding-right: 10px; font-size: 15px">Customer
									ID Card Number:</td>
								<td><h:inputText type="text"
										value="#{depositAccountTransferFundsManageBean.searchCustomerIDCard}"
										onblur="if (this.value=='') { this.value='Search'; }"
										onfocus="if (this.value=='Search') { this.value=''; }"
										class="top-search-inp" /></td>
								<td><h:commandButton styleClass="myButton"
										action="#{depositAccountTransferFundsManageBean.searchReceiver}"
										value="Search" /></td>
							</tr>
						</table>
					</h:form>
				</div>
				<!--  end top-search -->
				<div class="clear"></div>



				<table border="0" width="100%" cellpadding="0" cellspacing="0"
					id="content-table">
					<tr>
						<th rowspan="3" class="sized"><h:graphicImage
								library="group2" name="images/shared/side_shadowleft.jpg"
								width="20" height="300" alt="" /></th>
						<th class="topleft"></th>
						<td id="tbl-border-top">&nbsp;</td>
						<th class="topright"></th>
						<th rowspan="3" class="sized"><h:graphicImage
								library="group2" name="images/shared/side_shadowright.jpg"
								width="20" height="300" alt="" /></th>
					</tr>
					<tr>
						<td id="tbl-border-left"></td>
						<td>
							<!--  start content-table-inner ...................................................................... START -->
							<div id="content-table-inner">

								<!--  start table-content  -->
								<div id="table-content">
									<h:messages style="color:red" />
									<!--  start product-table ..................................................................................... -->
									<h:form id="mainform" action="">
										<table border="0" width="100%" cellpadding="0" cellspacing="0"
											id="product-table">
											<tr>
												<!-- <th class="table-header-repeat line-left minwidth-1"><a
													href="">Type</a></th> -->
												<th class="table-header-repeat line-left minwidth-1"><a
													href="">Acc No.</a></th>
												<th class="table-header-repeat line-left minwidth-1"><a
													href="">Acc Balance</a></th>
												<th class="table-header-repeat line-left"><a href="">ID
														Card No.</a></th>
												<th class="table-header-repeat line-left"><a href="">First
														Name</a></th>
												<th class="table-header-repeat line-left"><a href="">Mid
														Name</a></th>
												<th class="table-header-repeat line-left"><a href="">Last
														Name</a></th>
												<th class="table-header-repeat line-left"><a href="">Phone
														1</a></th>
												<th class="table-header-repeat line-left"><a href="">Phone
														2</a></th>
												<th class="table-header-repeat line-left"><a href="">Email
														1</a></th>
												<th class="table-header-repeat line-left"><a href="">Email
														2</a></th>
												<th class="table-header-repeat line-left"><a href="">State</a></th>
												<th class="table-header-repeat line-left"><a href="">Options</a></th>
											</tr>
											<ui:repeat var="row"
												value="#{depositAccountTransferFundsManageBean.searchResult}">
												<tr>
													<!-- <td>Deposit</td> -->
													<td><h:outputText value="#{row.accountNumber}" /></td>
													<td><h:outputText value="#{row.accountBalance}">
															<f:convertNumber pattern="#,###,##0.00" />
														</h:outputText></td>
													<td><h:outputText value="#{row.idCardNumber}" /></td>
													<td><h:outputText value="#{row.firstName}" /></td>
													<td><h:outputText value="#{row.midName}" /></td>
													<td><h:outputText value="#{row.lastName}" /></td>
													<td><h:outputText value="#{row.phoneNumber}" /></td>
													<td><h:outputText value="#{row.phoneNumber2}" /></td>
													<td><h:outputText value="#{row.email}" /></td>
													<td><h:outputText value="#{row.email2}" /></td>
													<td><h:outputText value="#{row.accountState}" /></td>
													<td><h:commandLink
															action="#{depositAccountTransferFundsManageBean.getReceiverInfo(row.accountNumber)}"
															title="Transfer money to this account"
															class="icon-4 info-tooltip"
															rendered="#{row.accountState == 'ACTIVE' &amp;&amp; row.accountNumber != depositAccountTransferFundsManageBean.senderAccount.accountNumber}" /></td>
												</tr>
											</ui:repeat>

										</table>
										<!--  end product-table................................... -->
									</h:form>
								</div>
								<!--  end content-table  -->


								<div class="clear"></div>

							</div> <!--  end content-table-inner ............................................END  -->
						</td>
						<td id="tbl-border-right"></td>
					</tr>
					<tr>
						<th class="sized bottomleft"></th>
						<td id="tbl-border-bottom">&nbsp;</td>
						<th class="sized bottomright"></th>
					</tr>
				</table>
				<div class="clear">&nbsp;</div>

			</div>
			<!--  end content -->
			<div class="clear">&nbsp;</div>
		</ui:define>
	</ui:composition>

</h:body>
</html>
